<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Page Editor Toolbar</title>
<link rel="stylesheet" type="text/css" href="maqettadocs.css" />
</head>
<body class="maqettadocs">

<div id="pagebody">

<table class="breadcrumbs noprint"><tr>
	<td>
	<a href="home.html">Home</a> &gt; <a href="userguide.html">Using Maqetta</a>
		 &gt; <a href="pageEditor.html">Page Editor</a>
    </td>
    <td class="prevnext">
    <a href="pageEditor.html">Previous</a> / <a href="peManageFiles.html">Next</a>
    </td></tr>
</table>

<h1>Page Editor Toolbar</h1>

<p><img alt="image" src="img/Maqetta-toolbar.png" /></p>

<p>The Page Editor toolbar is displayed whenever an HTML file is opened in the Page Editor. Each button is described below.</p>

<table class="palette toolbar">
<thead><tr><th colspan="2">Page Editor Toolbar</th></tr></thead>
<tr><td class="icon"><img src="img/Maqetta-toolbar-cut.png" /></th><td><b>cut</b> - delete the currently selected widget and copy it to your clipboard.</td></tr>
<tr><td class="icon"><img src="img/Maqetta-toolbar-copy.png" /></th><td><b>copy</b> - copy the currently selected widget to your clipboard.</td></tr>
<tr><td class="icon"><img src="img/Maqetta-toolbar-paste.png" /></th><td><b>paste</b> - paste the widget from your clipboard (click paste, then click your cursor where you want to make the paste).</td></tr>
<tr><td class="icon"><img src="img/Maqetta-toolbar-undo.png" /></th><td><b>Undo</b> - undo the last change. Can undo multiple changes.</td></tr>
<tr><td class="icon"><img src="img/Maqetta-toolbar-redo.png" /></th><td><b>Redo</b> - cancel the last "Undo". Can redo multiple "Undo"s.</td></tr>
<tr><td class="icon"><img src="img/Maqetta-toolbar-delete.png" /></th><td><b>delete</b> - delete the currently selected widget.</td></tr>
<tr><td class="icon"><img src="img/preview-browser.gif" /></th><td><b>Preview in Browser</b> - displays the current page in a new browser window, as it will be rendered in the broswer (as opposed to how it looks in the Page Editor).</td></tr>
<tr><td class="icon"><img src="img/Maqetta-toolbar-save.png" /></th><td><b>Save</b> - save the current file.</td></tr>
<tr><td class="icon"><img src="img/Maqetta-toolbar-saveas.png" /></th><td><b>Save As</b> - save the current file under a new name.</td></tr>
<tr><td class="icon"><img src="img/Maqetta-toolbar-theme.png" /></th><td><b>Switch theme</b> - switch to one of the Maqetta themes (claro or Sketch). See <a href="peSwitchThemes.html">Switching Themes</a> for more information.</td></tr>
<tr><td class="icon"><img src="img/Maqetta-toolbar-layout.png" /></th><td><b>Switch layout</b> - switch to a different layout setting (Absolute positioning or Flow positioning) for new widgets added to the page. Existing widgets will maintain their existing layout setting. This button provides a convenient way to temporarily switch the layout setting while adding new widgets to your page. Once the current file is closed, the layout setting will revert back to the <a href="wsMenubar.html">Maqetta system-wide layout setting</a>.</td></tr>
<tr><td class="icon"><img src="img/author-note.gif" /></th><td><b>Add note</b> - add a yellow sticky-note to your page, where you can add comments for your reviewers.</td></tr>
<tr><td class="icon"><img src="img/device.png" /></th><td><b>Show mobile device silhouette</b> - to show a mobile device silhouette.</td></tr>
<tr><td class="icon"><img src="img/rotate.png" /></th><td><b>Rotate mobile silhouette</b> - to rotate the mobile device silhouette, switching between portrait and landscape views.</td></tr>
<tr><td class="icon"><img src="img/Maqetta-toolbar-design.png" /></th><td><b>Display Design</b> - display the file in design view (default view).</td></tr>
<tr><td class="icon"><img src="img/Maqetta-toolbar-source.png" /></th><td><b>Display Source</b> - display the file in source view. See <a href="peSourceEditing.html">Source Editing</a> for more on working in source view.</td></tr>
<tr><td class="icon"><img src="img/Maqetta-toolbar-splitv.png" /></th><td><b>Split Vertically</b> - split the canvas window vertically to show both design and source views.</td></tr>
<tr><td class="icon"><img src="img/Maqetta-toolbar-splith.png" /></th><td><b>Split Horizontally</b> - split the canvas horizontally to show both design and source views.</td></tr>
</table>



<p class="prevnext"><a href="tutorials/tutorial1.html">Previous</a> / <a href="peManageFiles.html">Next</a></p>

</div>  <!-- pagebody -->

</body>
</html>